@import "./fnList.less";
html,body{
    overflow-x: hidden;
    width: 100%;
}

.resource-header{
    position: relative;
    font-size: 16px;
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #1448AE;
    text-align: center;
    color: white;
    font-size: 15px;
    font-family: "SourceHanSansCN-Regular";
    font-weight: 400;
    .header-return{
        position: absolute;
        display: inline-block;
        width: 60px;
        height: 42px;
        left: 0;
        top: 0;
        span{
            display: inline-block;
            width: 10px;
            height: 17px;
            margin: 12.5px auto;
            background: url(../images/icon/return.png) no-repeat;
            background-size: 100% 100%;
        }
    }
}

.resource-section{
    .number(@mLeft,@color){
        .number{
            width: 0.91rem;
            border:1px solid rgba(204, 204, 204, 1);
            display: flex;
            margin-top: 0.1rem;
            margin-left: @mLeft;
            color:rgba(102,102,102,1);
            a{
                display:block;
                width: 0.26rem;
                height: 0.26rem;
                font-size:0.16rem;
                font-family:"Arial";
                font-weight:400;
                color:rgba(153,153,153,1);
                line-height:0.26rem;
                text-align: center;
                background-color: #fff;
            }
            span{
                display: block;
                width:0.4rem;
                height:0.26rem;
                background:@color;
                text-align: center;
                line-height: 0.26rem;
            }
        }
    }

    width: 3.48rem;
    max-width: 750px;
    margin: 0 auto;
    font-size: 16px;
    background-color: #edf1f2;
    padding: 0  .15rem 0.12rem;
    /** 套餐日期出发人数以及价格 **/
    .section-package-text{
       padding: .20rem 0 .15rem 0;
        overflow: hidden;
        display: flex;
        .text{
            width: 2.1rem;
            h3{
                font-size:0.18rem;
                font-family:"SourceHanSansCN";
                font-weight:400;
                color:rgba(136,141,148,1);
            }
            p{
                font-size:0.14rem;
                font-family:"SourceHanSansCN";
                font-weight:400;
                color:rgba(169,170,173,1);
                line-height:0.21rem;
            }
            
        }
        .price{
            width: 1.5rem;
            text-align:right;
            p:first-child{
                height:0.24rem;
                font-size:0.32rem;
                font-family:"SourceHanSansCN";
                font-weight:400;
                color:rgba(248,132,18,1);
                line-height:0.24rem;
                margin-bottom: .1rem;
                span{
                    display: inline-block;
                    font-size: .16rem;
                }
            }
            p:last-child{
                font-size:0.14rem;
                font-family:"SourceHanSansCN";
                font-weight:400;
                color:rgba(136,141,148,1);
            }
        }
    }
    /** 地点 （出发地目的地信息） **/
    .section-place{
        overflow: hidden;
        margin-bottom: .13rem;
        .place-origin-destination{
            background-color: white;
            padding: 0.27rem 0.28rem .2rem  .28rem;
            text-align: center;
            display: flex;
            justify-content: space-between;
            position: relative;
            border-radius: .06rem;
            border:1px solid rgba(202, 215, 218, 1);
            border-bottom: 1px dashed rgba(202, 215, 218, 1);
            div{
                width: 0.84rem;
                p{
                    width:0.84rem;
                    font-size:0.14rem;
                    font-family:"SourceHanSansCN";
                    font-weight:400;
                    color:rgba(169,170,173,1);
                }
                p:first-child{
                    height:0.28rem;
                    font-size:0.3rem;
                    font-family:"SourceHanSansCN";
                    font-weight:400;
                    color:rgba(136,141,148,1);
                    line-height:0.1rem;
                }
           
            }
            &::after{
                content: "";
                position: absolute;
                display: inline-block;
                width:0.36rem;
                height:0.27rem;
                top: 50%;
                left: 50%;
                transform: translate(-30%,-60%);
                background: url(../images/icon/sprites.png) -2.53rem -2.02rem no-repeat;
                background-size: 3.75rem 4.75rem;
            }
        }
        .place-time-date{
           background-color: #f9f9f9;
           padding: 0.28rem;
            padding-bottom:.1rem ;
           position: relative;
           border:1px solid rgba(202, 215, 218, 1);
           border-top: none; 
           border-radius: .06rem;
           .afterBefore(){
            position: absolute;
            content: "";
            display: inline-block;
            width: .15rem;
                height: .15rem;
                border:1px solid rgba(202, 215, 218, 1);
                top:0;
                border-radius: 50%;
                background: #edf1f2;
           }
           &::after{
            .afterBefore();
            left: 0;
            transform: translate(-50%,-50%);
           }
           &::before{
                .afterBefore();
                right: 0; 
                transform: translate(50%,-50%);
                
           }
           ul{
               display: flex;
               flex-wrap: wrap;
               li{
                //    border:1px solid red;
                    margin-bottom:.24rem ;
                   color:#676C73;
                   font-size: .14rem;
                   span{
                       font-size: .12rem;
                   }
                   span:first-child{
                    color: #A9AAAD;
                       display: block;
                   }
               }
               li:nth-child(1n){
                width: 40%;
               }
               li:nth-child(2n+1){
                width: 60%;
               }
               .endorse{
                   a{
                    width:0.94rem;
                    height:0.14rem;
                    font-size:0.14rem;
                    font-family:"SourceHanSansCN";
                    font-weight:400;
                    color:rgba(103,108,115,1);
                    line-height:0.18rem;
                    border-bottom:1px solid rgba(103,108,115,1);
                   }
               }
               .re-election{
                width:0.7rem;
                height:0.15rem;
                font-size:0.16rem;
                font-family:"SourceHanSansCN";
                font-weight:400;
                color:rgba(26,175,217,1);
                line-height:0.18rem;
               }
           }
        }
    }
   /*优惠卷*/
    .section-coupons{
        .coupons{
            width: 3.52rem;
            height: 1.12rem;
            background-size: 100% 100%;
            margin-bottom: 0.09rem;
            display: flex;
            position: relative;
            &::after{
                content: "？";
                display: inline-block;
                width: 0.21rem;
                height: 0.21rem;
                position: absolute;
                right: 0.16rem;
                top: 0.1rem;
                text-align: center;
            }
            .coupons-left{
                width: 1.38rem;
                height: 1.12rem;
                background:url(../images/icon/ellipse2.png),url(../images/icon/ellipse1.png);
                background-position:top 0.21rem left 0.21rem,0.14rem 0.14rem;
                background-repeat:no-repeat;
                background-size:.96rem .71rem,1.10rem .86rem;
                p:first-child{
                    height:0.37rem;
                    font-size:0.37rem;
                    font-family:"Arial";
                    margin: 0.3rem 0 0 0.3rem;
                    span{
                        font-size: .12rem;
                    }
                }  
                p:last-child{
                    height:0.14rem;
                    font-size:0.14rem;
                    font-family:"SourceHanSansCN";
                    // font-weight:400;
                    margin-left: 0.39rem;
                }
            }
            .coupons-right{
                width: 2.14rem;
                height: 1.12rem; 
                .text{
                    margin-top:0.19rem;
                    margin-left: 0.35rem;
                    p{
                        font-size:0.14rem;
                        font-family:"SourceHanSansCN";
                        font-weight:400;
                        color:rgba(255,255,255,1);
                        line-height:0.16rem;
                    }  
                }
                .number(0.35rem,rgba(255,255,255,.5));
                .number{
                    border: none;
                }
            }
            
        }
        .coupons-one{
            background:url(../images/icon/ellipse3.png) 0 0 no-repeat;
            background-size: 100% 100%;
            color: #CB8D17;
                
        }
        .coupons-two{
            background:url(../images/icon/ellipse4.png) 0 0 no-repeat;
            background-size: 100% 100%;
            color: #C43F8C;
        }
    }
    /** 附加额外费用账单 **/
    .section-other{
        border:1px solid rgba(202, 215, 218, 1);
        background: white;
        border-radius: .1rem;
        .other-title{
            width:3.32rem;
            height:0.47rem;
            line-height: 0.47rem;
            background:url(../images/img/bj_03.png) 0 0 no-repeat;
            background-size:100% 100%;
            font-size:0.13rem;
            font-family:"SourceHanSansCN";
            font-weight:400;
            color:rgba(255,255,255,1);
            padding-left: 0.16rem;
        }
        .options-content{
            border-bottom: 1px dashed rgba(202,215,218,1);
        .options-one{
            border-bottom: 1px dashed rgba(202,215,218,1);
        }
        .options{
            padding:.2rem .16rem ;
            position: relative;
            h3{
                height:0.15rem;
                font-size:0.16rem;
                font-family:"SourceHanSansCN";
                font-weight:400;
                color:rgba(103,108,115,1);
                line-height:0.15rem;
            }
            .number(0,rgba(0,0,0,.2));
            p{
                position: absolute;
                top:0.38rem;
                right: 0.19rem;
                color: #888D94;
                font-size: .16rem;
                span{
                    color: #F88412;
                    font-size: 0.24rem;
                }
            }
        }
    }

        .other-insurance{
            padding:.2rem .16rem ;
            position: relative;
            .insurance-title{
                margin-bottom:0.27rem ;
                p:last-child{
                    &::before{
                        content: "!";
                        display: inline-block;
                        width: 0.10rem;
                        height:0.10rem;
                        line-height: 0.10rem;
                        border-radius: 50%;
                        border: 1px solid rgba(169,170,173,1);
                        text-align: center;
                        font-size: 0.10rem;
                    }
                }
            }
            }
            .font-one{
            font-size:0.15rem;
            font-family:"SourceHanSansCN";
            font-weight:400;
            color:rgba(103,108,115,1);
            margin-bottom: 0.08rem;
            }
            .font-two{
                font-size:0.13rem;
                font-family:"SourceHanSansCN";
                font-weight:400;
                color:rgba(169,170,173,1);
            }
            .insurance-content{
                margin-bottom:0.66rem;
                div{
                    position: relative;
                    margin-bottom: 0.23rem;
                p:nth-of-type(1){
                    width: 1.70rem;
                    margin-left:0.30rem
                }
                .select-box{
                    position: absolute;
                    display: inline-block;
                    top: 0.02rem;
                    left:0;
                    width: .16rem;
                    height: .16rem;
                    border:1px solid rgba(202, 215, 218, 1);
                    
                }
                .select{
                    &::after{
                        position: absolute;
                        content: "√";
                        display:block;
                        width:0.17rem;
                        height:0.14rem;
                        line-height:.14rem;
                        color: #37B4DB;
                        font-weight: bold;
                        text-align: center;
                    }
                }
                .price{
                    position: absolute;
                    top: 0.08rem;
                    right: 0;
                    span{
                        color:#F88412;
                        font-size: .2rem;
                        margin-right: .06rem;
                    }
                }
                .price+p{
                    width: 2.71rem;
                    margin-left:0.30rem
                }
                
            }
        
        }
        .re-election-btn{
            position: absolute;
            right: 0.2rem;
            bottom: 0.38rem;
            font-size:0.16rem;
            color:rgba(55,180,219,1);
        }
    }
}
.footer-resource{
    a{
    display: block;
    width:100%;
    height:0.52rem;
    font-size:0.19rem;
    font-weight:400;
    line-height:0.52rem;
    text-align: center;
    background:rgba(241,163,15,1);
    color:rgba(255,254,254,1);
}

}
